<template>
    <div class="component-advertisement-box">
        <img :src="img">
    </div>
</template>

<style lang="less" scoped>

    @import '../style/variable';

    .component-advertisement-box {
        padding: .8rem;
        position: relative;
        img {
            display: block;
            width: 100%;
        }
        &:after {
            content: '广告';
            display: block;
            position: absolute;
            font-size: 1.1rem;
            line-height: 2rem;
            width: 4rem;
            background-color: rgba(122, 122, 122, .4);
            bottom: 1.1rem;
            right: 1.2rem;
            color: @color-white;
            border-radius: .3rem;
            text-align: center;
        }
    }
</style>

<script>
    export default {
        props: ['img']
    }
</script>